@charset "utf-8";
/* CSS Document */
html{
　　font-size:62.5%; /* 10÷16=62.5% */ 
}
*{word-wrap:break-word;}
body{
　　font-size:12px;
　　font-size:1.2rem ; /* 12÷10=1.2 */
   overflow-x:hidden;
background-repeat: no-repeat;
    background-size: cover;
	width:100%; margin:0px; padding:0px;
}
body,html{ font-family:"微软雅黑"; min-width:320px;}
ul,ul li,dl,dl dt,dl dd{ margin:0px; padding:0px; list-style:none;}

.bigzm{text-transform:uppercase;}
.b_cursor{ border:0px; cursor:pointer;}
input{ outline:0;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #888888;  
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #888888;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #888888;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #888888;
}
p{ margin:0px; padding:0px;}
.fr{ float:right;}
.fl{ float:left;}
.clearboth{ clear:both;}
.ui_zxl{width:100%; height:510px; background-color:#000;background-image:url(banner.jpg); clear:both;}
.ui_zxxl{width:100%; }
.ui_zxl_center{width:1290px; margin:0px auto; }

.zxl_bg1{ background-color:#fff;}
.zxl_box1{width:100%; padding:50px 0px;}
.zxl_box11{width:100%; padding:100px 0px;}
.zxl_box1_t{width:100%; padding-bottom:25px; padding-top:40px;}
.zxl_box1_t .div1{width:100%; line-height:2.5; text-align:center; /*color:#000; */color:#fff; font-size:40px; font-weight:bold;}
.zxl_box1_t .div2{width:100%; text-align:center; line-height:1.7; /*color:#52C0D8; */ color:#fff;font-size:18px; position:relative; padding-bottom:10px;}
.zxl_box1_t .div11{width:100%; line-height:2.5; text-align:center; /*color:#000; */color:#000; font-size:36px; font-weight:bold;}
.zxl_box1_t .div22{width:100%; text-align:center; line-height:1.7; /*color:#52C0D8; */ color:#000;font-size:18px; position:relative; padding-bottom:10px;}
.zxl_box1_c{width:100%;border-left: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6;}
.zxl_box1_c li{width:20%;
    /*height: 214px;*/
	  /*height:320px;*/ padding-bottom:35px;
    float: left;
    text-align: center;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    background: #fff;
    position: relative;
    z-index: 3;
    overflow: hidden; background-color:#f8f8f8; cursor:pointer;}
.zxl_box1_c li .a_img{width:100%; padding:27px 0px 14px 0px; text-align:center; position:relative;}
.zxl_box1_c li .a_img .s1{width:100%; text-align:center;opacity: 1;filter: alpha(opacity=100); -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%);transition: all 0.2s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.2s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.zxl_box1_c li .a_img .s2{width:100%; text-align:center; position:absolute; left:0px; top:27px;opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%);transition: all 0.2s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.2s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.zxl_box1_c li .a_text{width:100%; height:50px; margin-bottom:5px; padding:0px 5px; line-height:25px; text-align:center; overflow:hidden; color:#333; font-size:20px;}
.zxl_box1_c li .a_text1{width:100%; height:125px; line-height:25px; padding:0px 5px; margin-bottom:10px; text-align:center; color:#666; font-size:14px; overflow:hidden;}
.zxl_box1_c li .a_text2{width:100%; text-align:center;}
.zxl_box1_c li .a_text2 a{width: 50%;height: 34px;text-align: center;line-height: 34px; display:inline-block;border-radius: 2px;border: 1px solid #b2b2b2;font-size: 14px;color: #666;position: relative;-webkit-transition: all .4s;transition: all .4s;}
.zxl_box1_c li .fwlybg{width: 100%;
    height: 100%;
    position: absolute;
    background: #52C0D8;
    top: 100%;
    left: 100%;
    z-index: -1;}
.zxl_box1_c li:hover .a_text{ color:#fff;}
.zxl_box1_c li:hover .a_text1{ color:#fff;}
.zxl_box1_c li:hover .a_text2 a{ /*color:#13b3b3; background-color:#fff; border:1px solid #fff;*/ border:1px solid #ffa800; background-color:#ffa800; color:#fff;}
.zxl_box1_c li:hover .a_img .s1{ opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.zxl_box1_c li:hover .a_img .s2{ opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); transition-delay: 0.3s;-webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s;}

.Amplification img
{
	width:100%;
	
	transition:400ms; 
	filter: Alpha(Opacity=100);
	opacity: 1;
}
.Amplification:hover img
{
	filter: Alpha(Opacity=100); 
	opacity: 1; 
	-webkit-transform:scale(1.12); 
	transform:scale(1.12);
}


.zxl_box2{width:100%;}
.zxl_box2 li{width:31%; margin-right:3.5%; float:left;}
.zxl_box2 li .a_img{width:100%; display:inline-block; overflow:hidden;}
.zxl_box2 li .a_img img{width:100%;}
.zxl_box2 li .a_title{width:100%; height:43px; margin-top:10px; line-height:43px; border-bottom:1px solid #dedede;}
.zxl_box2 li .a_title .s1{ color:#333; font-size:20px; padding-left:15px; position:relative;}
.zxl_box2 li .a_title .s1:after{width:4px; height:21px; background-color:#ffa800; position:absolute; left:0px; top:50%; margin-top:-10.5px; content:"";}
.zxl_box2 li .a_title .s2{ color:#666; font-size:16px;}
.zxl_box2 li .a_title .s2:hover{ color:#ffa800; text-decoration:none;}
.zxl_box2 li .a_div1{width:100%;}
.zxl_box2 li .a_div1 dd{width: 100%;
	display: block;
	overflow:hidden ;
	line-height: 40px;
	height: 40px;
	border-bottom: 1px solid #dedede;
	}
.zxl_box2 li .a_div1 dd .div{width:100%; height:40px; line-height:40px; display:inline-block; overflow:hidden;font-size: 14px;
	color: #666;
	position: relative;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;}
.zxl_box2 li .a_div1 dd .div .s3{widith:70%;text-overflow: ellipsis;
	white-space: nowrap; 
	overflow: hidden;}
.zxl_box2 li .a_div1 dd .div:before{
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #eee;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.zxl_box2 li .a_div1 dd .div:hover:before{    
	-webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.zxl_box3{width:100%; padding:0px 10%; text-align:center; padding-bottom:35px;}
.zxl_box3_ul{width:100%;}
.zxl_box3_ul li{width:42.5%; float:left;}
.zxl_box3_ul li .ipt1{width:90%; height:50px; line-height:50px; border:1px solid #e3e3e3; text-indent:10px; color:#333; font-size:14px; font-family:"微软雅黑";-moz-border-radius: 4px;      /* Gecko browsers */
-webkit-border-radius: 4px;   /* Webkit browsers */
border-radius:4px;            /* W3C syntax */}
.zxl_box3_ul li.div1{width:15%;}
.zxl_box3_ul li.div1 .ipt2{width:100%; height:50px; line-height:50px; border:0px; background-color:#ffa800; text-align:center; font-family:"微软雅黑"; color:#fff; font-size:16px; cursor:pointer;-moz-border-radius: 4px;      /* Gecko browsers */
-webkit-border-radius: 4px;   /* Webkit browsers */
border-radius:4px;            /* W3C syntax */}
.zxl_box4{width:100%; padding:50px 30% 0px 30%; text-align:center}
.zxl_box4 .s1{width:65%; height:50px; line-height:50px; color:#333; font-size:22px; font-weight:bold; overflow:hidden;}
.zxl_box4 .s2,.zxl_box4 .s2:hover{ text-decoration:none;width:25%; display:inline-block; height:45px; line-height:45px; color:#fff; font-size:16px; font-weight:bold; text-align:center; overflow:hidden; background-color:#ffa800;-moz-border-radius: 22.5px;      /* Gecko browsers */
-webkit-border-radius: 22.5px;   /* Webkit browsers */
border-radius:22.5px;            /* W3C syntax */}




@media screen and (min-width:0px) and (max-width:640px)
{	
    .ui_zxl_center{width:100%; padding:0px 3%;}
	.zxl_box1{ padding:30px 0px;}
	.zxl_box1_t .div1{ font-size:19px; margin-bottom:5px;}
	.zxl_box1_t .div2{ font-size:15px;}
	.zxl_box1_t{ padding-bottom:20px;}
	.zxl_box1_c li{width:50%;}
	.zxl_box1_c li .a_text{ font-size:18px;}
	.zxl_box1_c li .a_text2 a{width:60%;}
	.zxl_box2 li{width:100%;}
	.zxl_box2 li .a_title .s1{ font-size:18px;}
	.zxl_box2 li .a_title .s2{ font-size:14px;}
	.Hotline .tel{ padding:0px 5px;}
	.Hotline .tel dt{ background-size:30px; vertical-align:top;}
	.Hotline .tel dt{width:124px; display:inline-block; line-height:36px; margin-top:0px;}
	.Hotline .tel dd{ display:inline-block;}
	
	.zxl_box3_ul li{width:100%; padding-bottom:10px;}
	.zxl_box3_ul li .ipt1{width:100%;}
	.zxl_box3_ul li.div1{width:100%; text-align:center;}
	.zxl_box4{ padding:20px 3% 0px 3%;}
	.zxl_box4 .s1{width:70%; font-size:18px;}
	.zxl_box4 .s2, .zxl_box4 .s2:hover{width:30%; font-size:14px; height:40px; line-height:40px; margin-top:5px;}
	
	.zxl_box1_c li .a_text1{ height:175px;}

	
}
@media screen and (min-width:641px) and (max-width:767px)
{	
    .ui_zxl_center{width:100%; padding:0px 3%;}
	.zxl_box1{ padding:30px 0px;}
	.zxl_box1_t .div1{ font-size:20px; margin-bottom:5px;}
	.zxl_box1_t .div2{ font-size:15px;}
	.zxl_box1_t{ padding-bottom:20px;}
	.zxl_box1_c li{width:50%;}
	.zxl_box1_c li .a_text{ font-size:18px;}
	.zxl_box1_c li .a_text2 a{width:60%;}
	.zxl_box2 li{width:100%;}
	.zxl_box2 li .a_title .s1{ font-size:18px;}
	.zxl_box2 li .a_title .s2{ font-size:14px;}
	.Hotline .tel{ padding:0px 5px;}
	.Hotline .tel dt{ background-size:30px; vertical-align:top;}
	.Hotline .tel dt{width:124px; display:inline-block; line-height:36px; margin-top:0px;}
	.Hotline .tel dd{ display:inline-block;}
	
	.zxl_box4{ padding:20px 15% 0px 15%;}
	.zxl_box4 .s1{width:70%; font-size:18px;}
	.zxl_box4 .s2, .zxl_box4 .s2:hover{width:30%; font-size:14px; height:40px; line-height:40px; margin-top:5px;}
	
	.zxl_box1_c li .a_text1{ height:100px;}
}
@media screen and (min-width:768px) and (max-width:992px)
{
	.ui_zxl_center{width:100%; padding:0px 3%;}	
	.zxl_box1{ padding:40px 0px;}
	.zxl_box1_t .div1{ font-size:30px;}
	.zxl_box1_t{ padding-bottom:30px;}
	.zxl_box1_c li .a_text{ font-size:18px;}
	.zxl_box2 li .a_title .s1{ font-size:18px;}
	.zxl_box2 li .a_title .s2{ font-size:14px;}
	.Hotline .tel dd{ font-size:30px;}
	
	.zxl_box4{ padding:30px 15% 0px 15%;}
	.zxl_box4 .s1{width:70%; font-size:22px;}
	.zxl_box4 .s2, .zxl_box4 .s2:hover{width:30%; font-size:15px; height:40px; line-height:40px; margin-top:5px;}
	
	.zxl_box1_c li{width:50%;}
	.zxl_box1_c li .a_text1{ height:75px;}
}
@media screen and (min-width:993px) and (max-width:1200px)
{
	.ui_zxl_center{width:100%; padding:0px 3%;}
	.zxl_box1{ padding:40px 0px;}
	.zxl_box1_t{ padding-bottom:40px;}
	.zxl_box1_c li .a_text{ font-size:18px;}
	.zxl_box1_t .div1{ font-size:32px;}
	.Hotline .tel dd{ font-size:32px;}
	
	.zxl_box4{ padding:40px 20% 0px 20%;}
	.zxl_box4 .s1{width:75%; font-size:22px;}
	.zxl_box4 .s2, .zxl_box4 .s2:hover{width:25%; font-size:15px; height:40px; line-height:40px; margin-top:5px;}
	
	.zxl_box1_c li .a_text1{ height:175px}
}
@media screen and (min-width:1201px) and (max-width:1300px)
{
	.ui_zxl_center{width:100%; padding:0px 3%;}
	.Hotline .tel dd{ font-size:30px;}
	.Hotline .tel{ padding:0px 30px;}
	
	.zxl_box4{ padding:50px 25% 0px 25%;}
}
@media screen and (min-width:1301px) and (max-width:1400px)
{	
}